import React from 'react'
import style from './style.module.scss'

function Index (props) {
  let data = {
    title: '国内热门目的地',
    children: [
      { city: '丽江', desc: '非常美丽' },
      { city: '丽江', desc: '非常美丽' },
      { city: '丽江', desc: '非常美丽' },
    ],
  }
  let vdom = data.children.map(
    r => <li><span>{r.city}</span><span>{r.desc}</span></li>)
  return (
    <div className={style.FListItem}>
      <div className={style.hd}>{data.title}</div>
      <div className={style.bd}>
        <ul>
          {vdom}
        </ul>
      </div>
    </div>
  )
}

export default Index
